﻿$(function () {
    //1,获取id为myul的元素?
    console.log($("#myul"));
    //2,获取class为myCls的元素?
    console.log($(".myCls"));
    //3,获取所有li的元素?
    console.log($("li"));
    //4,获取id为myul下的所有li元素?
    console.log($("#myul li"))
    //5,获取id为myul下的所有li子元素(不包含嵌套的li元素)?
    console.log($("#myul > li"));
    //6,获取标签内的属性值?
    //获取自定义属性 --- > attr
    console.log($("#mycls").prop("class")); //prop 只能获取原有的属性值
    console.log($("#mycls").prop("url"));
    console.log($("#mycls").attr("class"));
    console.log($("#mycls").attr("url"));

    //获取boolean类型 --- > prop
    console.log($("#sdf").prop("checked"));//true
    console.log($("#sdf").attr("checked"));//checked
    //7,如何将JSON字符串转成JSON对象
    var str = '{name:"张三"}';
    console.log(eval("(" + str + ")").name);
    //8,HTML5的data新特性
    console.log($("#mycls").data("url"));

    //9,如何给元素绑定事件？
    //直接绑定
    $("#xigua").click(function () {
        //html 获取标签内所用的内容
        console.log($(this).html());
        //text 获取标签内所有的文本内容
        console.log($(this).text());
        console.log("click");
    })
    $("#xigua").click(function () {
        console.log("click");
    })
    //使用on绑定
    $("#xigua").on('click',function () {
        console.log("使用on绑定点击事件")
    })

});